<template>
    <h3>{{ title }}</h3>
    <button @click="$emit('changeCounter')">Change Counter</button>
</template>

<script>
export default {
    props: {
        title: {
            type: String,
            default: ''
        },
    },
    // 建议定义所有发出的事件，以便更好地记录组件应该如何工作
    emits: ['changeCounter'],
}
</script>

<style lang="scss" scoped>
</style>